<template>
  <div>
    <div class="explain-card">
      <p>
        <span style="font-size: 15px;">经过了我们一段时间的改进我们的新版系统也终于要上线了，小编今天主要给大家介绍一下新版卡包的使用。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">首先，<span style="font-size: 15px; color: rgb(255, 0, 0);">我们卡包的目的就是给帮助大家更好的管理账单和年费，账单管理的功能包括销账单的管理、销账提醒、还款管理、还款提醒，年费管理的功能包括年费的管理、年费提醒</span>。</span>
      </p>
      <p>
        <span style="font-size: 15px;"><br/></span>
      </p>
      <p>
        <span style="font-size: 15px;">大家可以先明确如下几个概念：</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px; color: rgb(255, 0, 0);">账单日：</span><span style="font-size: 15px;">这个无需多讲，账单日指的是办理信用卡后银行给出的一个出账单的日子，有了账单日后还款日自然就有了，还款日一般就是账单日后20-25天。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px; color: rgb(255, 0, 0);">销账单日：</span><span style="font-size: 15px;">至于为什么销账单可以参考前面的<router-link to="/explainBill">介绍</router-link>，理解了为什么要销账单，那么销账单日自然就会很好理解，我们在系统中的销账单日都是按照账单日来定的，大家可以在账单日还款进去（因为每一个银行销账单的时间不一定，可以在账单日前一两天还进去），这样出账单后你的账单金额是0，这就完成了一次销账单的过程。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px; color: rgb(255, 0, 0);">已销/已还/未销/未还</span><span style="font-size: 15px;">：已销指的是在销账单前还款进去，完成了销账单，自然本期账单就是已销状态。已还指的是在还款日前完成还款，那么本期账单状态就是已还状态。当然在销账单前完成还款既是已销也是已还状态。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">明确了以上概念，我们来看我们系统中对账单的一些操作，在进行卡片的管理之前需要先录入自己的卡片。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">点击增加卡片进行录入</span>
      </p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522830842772910.png" title="1522830842772910.png" alt="增加卡片.png" _src="http://pic.96weixin.com/ueditor/20180404/1522830842772910.png"/></p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522831420646497.png" title="1522831420646497.png" alt="保存卡片.png" _src="http://pic.96weixin.com/ueditor/20180404/1522831420646497.png"/></p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">之后，我们就可以对我们的卡片进行管理</span>
      </p>
      <p><br/></p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522832343297312.png" title="1522832343297312.png" alt="卡片.png" _src="http://pic.96weixin.com/ueditor/20180404/1522832343297312.png"/></p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">标记之后我们可以看到我们每张卡片的已销/已还/未销/未还状态。同时每张卡都可以看到当前的账单周期。</span>
      </p>
      <p><br/></p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522833919929356.png" title="1522833919929356.png" alt="列表.png" _src="http://pic.96weixin.com/ueditor/20180404/1522833919929356.png"/></p>
      <p>
        <span style="font-size: 15px;">我们还可以对每张卡片进行设置，菜单包括编辑、删除、隐藏。</span>
      </p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522834972236178.png" title="1522834972236178.png" alt="设置.png" _src="http://pic.96weixin.com/ueditor/20180404/1522834972236178.png"/></p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px;">编辑和删除都很好理解，隐藏按钮的意思就是当某一个银行有多张卡并且该行可以合并账单还完任何一张卡就可以把账单清除，那么我们可以选择将某些行的多张卡片隐藏选择只看其中的某一张即可。</span>
      </p>
      <p><br/></p>
      <p>
        <span style="font-size: 15px; color: rgb(255, 0, 0);">关于销账单的管理就介绍这些，以下是关于年费的一些使用介绍。</span>
      </p>
      <p>
        <span style="font-size: 15px;"><br/></span>
      </p>
      <p>
        <span style="font-size: 15px;">年费相对于账单来讲比较简单，关于年费只有已达标和未达标两种状态，设置达标的状态同样也是通过点击卡片在弹出的菜单内进行操作。</span>
      </p>
      <p>
        <span style="font-size: 15px;"><br/></span>
      </p>
      <p><img src="http://pic.96weixin.com/ueditor/20180404/1522835832784220.png" title="1522835832784220.png" alt="年费.png" _src="http://pic.96weixin.com/ueditor/20180404/1522835832784220.png"/></p>
      <p><br/></p>
      <p><br/></p>
      <p><br/></p>
      <p><br/></p>
    </div>
  </div>
</template>

<style lang="less">
  .explain-card {
    padding: 12px;
    background-color: #FFF;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
    color: #000;
    img {
      width: 70%;
      margin: 0 auto;
      display: block;
    }
  }
</style>